@charset "utf-8";
/* CSS Document */
.log_main { max-width: 800px; margin: 0 auto;}
.login-kw { padding:48px 0 48px 0; margin:38px 0;}
.login-kw .sign_in,.login-kw .Register { width:100%; float:left;}
.login-kw .sign_in { position:relative;}
/*.login-kw .sign_in { border-right:1px solid #cecece; box-shadow:1px 0 0 rgba(250,250,250,1);}*/
.login-kw ul li{ 
    width:68%; 
	float:left; 
	margin-left:16%; 
	height:40px; 
	margin-bottom:22px;
	border-radius:3px;
	text-align:center;
	border:1px solid #ddd;
	font-size:1em; 
	color:#787878;
    overflow:hidden;
	position:relative;
	}
.login-kw ul li input { color:#666;}	
.login-kw ul li:first-child { background:none; border:none; font-size:24px; color:#272727; line-height:48px; box-shadow:none;}	
.login-kw .sign_in h3 { font-size:24px; color:#333; margin-bottom:24px; margin-left:8%; line-height:36px;}
.login-kw .sign_in h5 { font-size:30px; color:#c287da; position:absolute; top:372px; left:8%;}
.login-kw .sign_in p {font-size:14px; color:#333; position:absolute; top:410px; width:60%; left:8%; line-height:20px;}
.login-kw .sign_in h3 span { font-size:30px; color:#c287da;}
.login-kw .sign_in img{ margin-left:-7%;}
.login-kw .sign_in ul li:nth-child(2) input,.login-kw .sign_in ul li:nth-child(3) input{ width:100%; height:100%; border:none; outline:none; background:none; padding-left:66px;}
.login-kw .sign_in ul li:nth-child(2) input { background:url(../img/login_icon_10.png) 12px 5px no-repeat;}
.login-kw .sign_in ul li:nth-child(3) input { background:url(../img/login_icon_12.png) 12px 5px no-repeat;}
.login-kw .sign_in ul li:nth-child(4) { background-color:#c287da; font-size:24px; color:#fff;}
.login-kw .sign_in ul li:nth-child(4) input { width:100%; height:100%; border:none; font-size:24px; outline:none;  background-color:#acce22; color:#fff; border-radius:3px; cursor:pointer;}
.login-kw .sign_in ul li:nth-child(4) input:hover { background-color:#acce22;} 
.login-kw .sign_in ul li:nth-child(5) {color:#fff; line-height:42px; overflow:hidden; cursor:pointer; border:none; background:none; box-shadow:none;}
.login-kw .sign_in ul li:nth-child(5) span.f_b { display:block; width:48%; border-radius:3px; overflow:hidden; height:100%; background:#3d589d url(../img/login_icon_03.png) center 6px no-repeat; background-size:auto 75%; float:left; cursor:pointer;}
.login-kw .sign_in ul li:nth-child(5) span.g_p { display:block; width:48%; border-radius:3px; overflow:hidden; margin-left:4%; height:100%; background:#df5a3e url(../img/login_icon_04.png) center 6px no-repeat; background-size:auto 75%; float:left; cursor:pointer;}
.login-kw .sign_in ul li:nth-child(6) {background:none; border:none; font-size:14px; color:#787878; line-height:14px; box-shadow:none; text-align:left;}
.login-kw .sign_in ul li:nth-child(6) a { color:#787878;}
.login-kw .sign_in ul li:nth-child(6) a:hover { color:#af83d4;}

.login-kw .Register ul li input { border:none; outline:none; padding-left:66px; box-sizing: border-box; background:none;}
.login-kw .Register ul li.Register_p { margin-bottom:12px; text-align:left; border:none; background:none; box-shadow:none; margin-top:-24px; padding-left:12px; height:auto; font-size:12px; color:#df5a3e;}
.login-kw .Register ul li.Register_a02 input {width:100%; height:100%; background:#f9f9f9 url(../img/login_icon_07.png) 12px 7px no-repeat;}
/*.login-kw .Register ul li.Register_a03 { position:relative;}
.login-kw .Register ul li.Register_a03 p { position:absolute; line-height:42px; right:6px; cursor:pointer; top:0; font-size:12px; color:#c287da;}*/
.login-kw .Register ul li.Register_a03 input {width:100%; height:100%;}
.login-kw .Register ul li.Register_a03::before {width:41px; height:30px; content:''; background:url(../img/login_icon_10.png) top left no-repeat; position:absolute; top:4px; left:12px; z-index:9999;}
.login-kw .Register ul li.Register_a04 input {width:100%; height:100%;}
.login-kw .Register ul li.Register_a04::before {width:41px; height:30px; content:''; background:url(../img/login_icon_12.png) top left no-repeat; position:absolute; top:4px; left:12px; z-index:9999;}
.login-kw .Register ul li.Register_a05 input {width:100%; height:100%;}
.login-kw .Register ul li.Register_a05::before {width:41px; height:30px; content:''; background:url(../img/login_icon_12.png) top left no-repeat; position:absolute; top:4px; left:12px; z-index:9999;}
.login-kw .Register ul li.Register_a06 {height:auto; background:none; border:none; font-size:14px; color:#787878; line-height:14px; box-shadow:none; text-align:left; margin-bottom:4px; margin-top:-8px;}
.login-kw .Register ul li.Register_a06 input,.login-kw .login-kw .Register ul li.Register_a07 span { float:left;}
.login-kw .Register ul li.Register_a06 input { margin-right:12px; margin-top:2px;}
.login-kw .Register ul li.Register_a06 span {padding-bottom:12px; float:left; line-height:16px;}
.login-kw .Register ul li.Register_a06 a{ display:inline-block; float:right;}
.login-kw .Register ul li.Register_a07 input {width:100%; height:100%; border:none; font-size:18px; outline:none; background-color:#0e4c91; color:#fff; border-radius:3px; cursor:pointer; padding-left:0;}
.login-kw .Register ul li.Register_a07 input:hover { background-color:#0e4c91;}
.login-kw .Register ul li.Register_a08 .l_b,.login-kw .Register ul li.Register_a08 .r_b {width:50%; height:100%; float:left; color:#fff; font-size:14px; text-align:center; padding-left:0; cursor:pointer;}
.login-kw .Register ul li.Register_a08 .l_b { background:#5d82d1 url(../img/login_icon_03.png) center no-repeat; background-size:auto 80%;}
.login-kw .Register ul li.Register_a08 .r_b { background:#eb5e4c url(../img/login_icon_04.png) center no-repeat; background-size:auto 80%;}
.login-kw .Register ul li.Register_a09 input[type=button]  {width:50%; height:100%; float:left; background-color:#acce22; color:#fff; font-size:14px; text-align:center; padding-left:0; cursor:pointer;}
.login-kw .Register ul li.Register_a09 input[type=text]  {width:50%; height:100%; padding-left:6px;}
.login-kw .Register ul li.Register_a12 input {width:100%; height:100%;}
.login-kw .Register ul li.Register_a12::before {width:41px; height:30px; content:''; background:url(../img/login_icon_16.png) top left no-repeat; position:absolute; top:4px; left:12px; z-index:9999;}

@media screen and (max-width:750px) {
    .login-kw .Register { width:100%; float:left;} .login-kw .sign_in{ display:none;}
    .login-kw {
        padding: 0;
        margin: 0;
    }
    .login-kw ul li {
        width: 90%;
        margin-left: 5%;
    }
}
